/*--- Reset CSS ---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none outside none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*--- Customize CSS ---*/

.home { background-color: #fbfbfb; font-family: verdana, arial, san-serif; font-size: 12px; }
.home .container { margin: 0 auto; width: 980px; }
.home .container .main:after {  content: ".";  visibility: hidden; display: block; clear: both; height: 0; font-size: 0; } /*clearfix*/
.home .container .highlight { background-color: #369494; border-radius: 4px; }

/*Header*/
.home .container .header h1 { background: url("../images/logo.png") no-repeat; width: 107px; height: 62px; text-indent: -9999px; margin: 20px 0; }
.home .container .header .search-bar { background-color: #369494;  position: relative; padding: 10px 0; }
.home .container .header .search-bar form { display: table; margin: 0 auto; background: url("../images/icon-search.png") no-repeat; padding-left: 40px; }
.home .container .header input[type=text] { border: 1px solid #000; padding: 5px; font-family: verdana, arial, san-serif; }
.home .container .header select { border: 1px solid #000; padding: 4px; font-family: verdana, arial, san-serif; }
.home .container .header input[type=submit] { border: 1px solid #f13c6e; background-color: #f13c6e; color: #fff; text-transform: uppercase; font-weight: bold; width: 130px; height: 28px; }
.home .container .header .social-net { position: absolute; right: 10px; top: 15px; }
.home .container .header .social-net li { display: inline-block; }
.home .container .header .social-net li a { display: block; width: 22px; height: 22px; text-indent: -9999px; }
.home .container .header .social-net .fb { background: url("../images/icon-social.png") no-repeat; }
.home .container .header .social-net .pin { background: url("../images/icon-social.png") -32px 0 no-repeat; }
.home .container .header .social-net .tw { background: url("../images/icon-social.png") -64px 0 no-repeat; }
.home .container .header .social-net .gp { background: url("../images/icon-social.png") -96px 0 no-repeat; }

/*main*/
.home .main .column { float: left; }
.home .main .column .block { margin-bottom: 10px; border-radius: 4px; border: 1px solid #b2b2b2; line-height: 150%; background-color: #fff;}
.home .main .column .block h2 { background-color: #369494; text-transform: uppercase; color: #fff; font-weight: bold; padding: 10px 15px; }

/*first-column*/
.home .main .first-column { width: 200px; margin: 10px 0; }
.home .main .first-column .block ul { padding: 15px; }
.home .main .first-column .block ul li { border-bottom: 1px dotted #000; padding: 5px 0; }
.home .main .first-column .block ul li:last-child { border-bottom: none; }

/*second-column*/
.home .main .second-column { width: 560px; margin: 10px; }
.home .main .second-column .block h3 { color: #f13c6d; font-weight: bold; display: inline-block; font-size: 24px; }
.home .main .second-column .block .pronun { font-style: italic; }
.home .main .second-column .block .word { padding: 25px; }
.home .main .second-column .block .word .meaning { padding: 10px 0; }

/*third-column*/
.home .main .third-column { width: 200px; margin: 10px 0; }
.home .main .third-column a { display: block; margin-bottom: 10px; }
.home .main .third-column a img { width: 200px; }
.home .main .clearfix { clear: both; }

/*Footer*/
.home .footer { padding: 15px 0; margin-bottom: 20px; }
.home .footer p { text-transform: uppercase; text-align: center; color: #fff; font-weight: bold; }